import { createRouter, createWebHistory } from 'vue-router'
import App3 from './App/App3.vue'
import App25 from './App/App2.5.vue'
import App2 from './App/App2.vue'
import App from './App/App.vue'
import tab from './components/Tab.vue'


const routes = [
    {
        path: '/App3',
        name: 'App3',
        component: App3

    },
    {
        path: '/App2/:id',
        name: 'App2',
        component: App2
    },
    {
        path: '/App',
        name: 'App',
        component: App
    },
    {
        path: '/App25',
        name: 'App25',
        component: App25
    },
    {
        path: '/tab',
        name: 'tab',
        component: tab,
        children: [
            {
                path: 'tabchild1',
                name: 'tabchild1',
                component: () => import('./components/TabChild1.vue')
            },
            {
                path: 'tabchild2',
                name: 'tabchild2',
                component: () => import('./components/TabChild2.vue')
            }
        ]
    }
]

const router = createRouter({
    history: createWebHistory(import.meta.BAES_URL),
    routes
})

export default router